import React,{Component} from 'react';
import {Platform, StyleSheet,ScrollView,Text, View,TouchableOpacity, Alert,Image, TextInput } from 'react-native';
export default class attendance extends Component{
    static navigationOptions = {
        headerStyle:{
            backgroundColor:'#d04542',
            height:50,
        },
        headerTintColor:'white',
    };
	render(){
		const { navigation } = this.props;
		return(
		    <ScrollView style={styles.ScrollView}>
		        <TouchableOpacity style={styles.List}
		        	onPress={()=>{ 
						navigation.navigate("branchInformation")
					}}
		        >
		       		<View style={styles.ListLeft}>
		        		<Image style={styles.ListLeftImg} source={require('../img/university/information.png')}></Image>
		        	</View>
		        	<View style={styles.ListTitle}>
		        		<Text style={styles.ListTitleText}>支部信息</Text>
		        	</View>
		        	<View style={styles.ListRight}>
		        		<Image style={styles.ListRightImg}  source={require('../img/university/rightIcon.png')}></Image>
		        	</View>
		        </TouchableOpacity>
		        <TouchableOpacity style={styles.List}
		        	onPress={()=>{ 
						navigation.navigate("branchActivities")
					}}
		        >
		       		<View style={styles.ListLeft}>
		        		<Image style={styles.ListLeftImg} source={require('../img/university/activity.png')}></Image>
		        	</View>
		        	<View style={styles.ListTitle}>
		        		<Text style={styles.ListTitleText}>支部活动</Text>
		        	</View>
		        	<View style={styles.ListRight}>
		        		<Image style={styles.ListRightImg}  source={require('../img/university/rightIcon.png')}></Image>
		        	</View>
		        </TouchableOpacity>
		        <TouchableOpacity style={styles.List}
		        	onPress={()=>{ 
						navigation.navigate("attendance")
					}}
		        >
		       		<View style={styles.ListLeft}>
		        		<Image style={styles.ListLeftImg} source={require('../img/university/Situation.png')}></Image>
		        	</View>
		        	<View style={styles.ListTitle}>
		        		<Text style={styles.ListTitleText}>出勤情况</Text>
		        	</View>
		        	<View style={styles.ListRight}>
		        		<Image style={styles.ListRightImg}  source={require('../img/university/rightIcon.png')}></Image>
		        	</View>
		        </TouchableOpacity>
		        <TouchableOpacity style={styles.List}
		        	onPress={()=>{ 
						navigation.navigate("addInteraction")
					}}
		        >
		       		<View style={styles.ListLeft}>
		        		<Image style={styles.ListLeftImg} source={require('../img/university/Communication.png')}></Image>
		        	</View>
		        	<View style={styles.ListTitle}>
		        		<Text style={styles.ListTitleText}>交流互动</Text>
		        	</View>
		        	<View style={styles.ListRight}>
		        		<Image style={styles.ListRightImg}  source={require('../img/university/rightIcon.png')}></Image>
		        	</View>
		        </TouchableOpacity>
		        <TouchableOpacity style={styles.List}
		         	onPress={()=>{ 
						navigation.navigate("choiceMonth")
					}}
		        >
		       		<View style={styles.ListLeft}>
		        		<Image style={styles.ListLeftImg} source={require('../img/university/Pay.png')}></Image>
		        	</View>
		        	<View style={styles.ListTitle}>
		        		<Text style={styles.ListTitleText}>党费缴纳</Text>
		        	</View>
		        	<View style={styles.ListRight}>
		        		<Image style={styles.ListRightImg}  source={require('../img/university/rightIcon.png')}></Image>
		        	</View>
		        </TouchableOpacity>
         	</ScrollView>
		);
	}
}
const styles = StyleSheet.create({
	List:{
		flexDirection:'row',height:55,
	},
	ListLeft:{
		flex:1,padding:8,
	},
	ListLeftImg:{
		height:35,width:35,alignSelf:'center',
	},
	ListTitle:{
		flex:5,borderBottomWidth:1,borderBottomColor: "#D4D4D4",
	},
	ListTitleText:{
		fontSize: 17,lineHeight: 50 ,fontWeight:'bold',
	},
	ListRight:{
		paddingTop:13,flex:1,borderBottomWidth:1,borderBottomColor: "#D4D4D4",
	},
	ListRightImg:{
		alignSelf:'center',
	},
})
